import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
// 1. mobx-react使用store的写法：
import { Provider } from 'mobx-react'
import store from './store';
// console.log("store",store);  // doctorStore {}实例化对象

// 2. 全局的配置：官方说的在你不需要使用proxy时，可以在此配置
import {configure} from 'mobx'
configure({
  useProxies:'never', //如果浏览器不支持Proxy时，要做降级的配置， 不使用proxy代理对象来做状态
  enforceActions: 'always' , // 始终需要通过action 来改变状态。
  computedRequiresReaction: true,// 禁止从动作或反应外部直接访问任何未观察到的计算值
})
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    {/* 使用Provider做一个数据的提供者 , store props名称，就是要注入到组件里面的props名称。*/}
    <Provider doctorStore={store}>   
      <App />
    </Provider>

  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
